<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>my Order</title>

 <style type="text/css">
	.order_table {
	 border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb;
	 border-bottom:1px solid #bbbbbb; border-left:1px solid #bbbbbb; 
	}
	.order_table_td {
		border-bottom:1px solid #bbbbbb;
	}
	.main_table{
		padding-left : 10px;
		padding-right: 10px;
	}
	#header {
		text-align:left;
	}
	#table {
		display: table;
		margin: 0 auto;
	}
	.row{
		display: table-row;
	}
	p {
		display: table-cell;
		border: solid 1px gray;
		padding: 3px;
	}
	#colums {
		display: table-row;
		background-color: #97C7A3;
		text-align: center;
	}
 	</style>
 	
</head>

<?php include "../common/common_top.php"; ?>
<body>
<?php include "../common/common_main.php"; ?>
<div align="center">
<div style="width: 950px;">

<!-- table -->
<div id="header"> <h3>Your Orders</h3></div>
<div id="rows" style="text-align: right;">
	<input type="text" value=""/> <input type="button" value="Search Orders" /></td>
</div> 
<div id="rows" style="text-align: left ;">
	Orders placed in 
	<select name="year" id="year">
	    <option value="2014">2014</option>
	    <option value="2013">2013</option>
	    <option value="2012">2012</option>
	    <option value="2011">2011</option>
 	 </select>
</div>

<div id="colums">
	<p>ORDER PLACED</p>
	<p>TOTAL</p>
	<p>ORDER # 104-1338511-0059441</p>
</div>
<div id="rows">
	<p>September 22, 2014</p>
	<p>$3.98</p>
</div>

<!-- table -->

</div> <!-- contents -->
</div> <!-- main -->
<body>